<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% 
	String context = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统权限</title>
<%@include file="/html/shiro/jsps/common/common.jsp"%>
<script type="text/javascript">
	$(function() {
		var permissionDatagrid, permissionDialog, permissionForm;
		permissionDatagrid = $("#permissionDatagrid");
		permissionDialog = $("#permissionDialog");
		permissionForm = $("#permissionForm");
		// 初始化组件
		// 初始化添加表单
		permissionForm.form({
			url : "<%=context%>/perms/save",
			onSubmit : function() { // 在表单‘提交前’，做验证
				return permissionForm.form("validate");
			},
			success : function(data) {
				// 把字符串转变成json对象
				data = jQuery.parseJSON(data);
				// 判断结果
				if (data.success) {
					// 关对话框
					permissionDialog.dialog("close");
					jQuery.messager.alert("温馨提示", data.msg, "info", function() {
						//调用重新加载数据的方法
						permissionDatagrid.datagrid("reload");
					});
				} else {
					jQuery.messager.alert('错误提示', data.msg, 'error');
				}
			}
		});
		//创建一个"命令对象"，把当前模块所有的功能，都打包到这个对象上
		var cmdObj = {
			create : function() {
				// 清空对话框里面的表单内容
				permissionForm.form("clear");
				// 打开对话框
				permissionDialog.dialog("open");
			},
			edit : function() {
				// 获取选中行数据
				var rowData = permissionDatagrid.datagrid("getSelected");
				// 判断是否选中行
				if (!rowData) {
					jQuery.messager.alert("温馨提示", "请选中一行数据！！", "info");
					return;
				}
				// 清空对话框里面的表单内容
				permissionForm.form("clear");
				// 加载数据
				permissionForm.form("load", rowData);
				// 打开对话框
				permissionDialog.dialog("open");
			},
			remove : function() {
				// 获取选中行数据
				var rowData = permissionDatagrid.datagrid("getSelected");
				// 判断是否选中行
				if (!rowData) {
					jQuery.messager.alert("温馨提示", "请选中一行数据！！", "info");
					return;
				}
				jQuery.get("<%=context%>/perms/delete?id="+rowData.permissionId, function(data) {
					if (data.success) {
						//删除成功
						jQuery.messager.alert('消息提示', '删除成功!', 'info',
								function() {
									//调用重新加载数据的方法
									permissionDatagrid.datagrid("reload");
								});//消息							
					} else {
						jQuery.messager.alert('错误提示', data.msg, 'error');
					}
				}, 'json');
			},
			reload : function() {
				//调用重新加载数据的方法
				permissionDatagrid.datagrid("reload");
			},
			save : function() {
				//提交表单
				permissionForm.submit();
			},
			cancel : function() {
				//关闭对话框
				permissionDialog.dialog("close");
			},
			search : function() {//简单搜索：查询条件必须少
				permissionDatagrid.datagrid("load", $("#searchForm").serializeJSON());
			}
		};
		//对页面所有按钮，统一监听
		$("a[data-cmd]").on("click", function() {
			// 获取对应按钮的cmd信息 
			var cmd = $(this).data("cmd");
			if (cmdObj[cmd]) {
				//判断按钮是否有禁用样式.
				if ($(this).hasClass("l-btn-disabled")) {
					return;
				}
				//动态的方法名称，就调用动态的方法
				cmdObj[cmd]();
			}
		});
	});
</script>
</head>
<body>
	<!-- 数据表格 -->
	<table id="permissionDatagrid" class="easyui-datagrid" url="<%=context%>/perms/list"
		title="权限管理" fit="true" border="false" fitColumns="true" singleSelect="true" pagination="true"
		rownumbers="true" toolbar="#datagridToolbar">
		<thead>
			<tr>
				<th field="permissionName" width="10">权限名称</th> 
				<th data-options="field:'permissionResource',width:10">资源地址</th>
				<th data-options="field:'permissionSn',width:10">操作标识</th>

			</tr>
		</thead>
	</table>
	<!-- 数据表格按钮 -->
	<div id="datagridToolbar">
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="create">添加</a> <a
			href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" data-cmd="edit">编辑</a> <a
			href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" data-cmd="remove">删除</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>
<!-- 		<div>
			<form id="searchForm" method="post">
				关键字：<input name="keyword" size="10" /> <a href="javascript:void(0)" class="easyui-linkbutton"
					iconCls="icon-search" plain="true" data-cmd="search">搜索</a>
			</form>
		</div> -->
	</div>
	<!-- 添加编辑对话框 -->
	<div id="permissionDialog" class="easyui-dialog" style="width: 360px; height: 260px; padding: 10px 20px"
		title="新增权限" buttons="#dialogButtons" closed="true" modal="true">
		<form id="permissionForm" method="post">
			<input name="permissionId" type="hidden" />
			<div class="ftitle">基础信息</div>
			<table align="center">
				<tr>
					<td>权限名称：</td>
					<td><input name="permissionName" style="width: 150px" class="easyui-validatebox" required="true" /></td>
				</tr>
				<tr><td>资源地址:</td><td><input class='easyui-validatebox' type='text' name='permissionResource'></input></td></tr>
<tr><td>权限标识:</td><td><input class='easyui-validatebox' type='text' name='permissionSn'></input></td></tr>

			</table>
		</form>
	</div>
	<!-- 对话框按钮 -->
	<div id="dialogButtons">
		<a href="javascript:void(0)" class="easyui-linkbutton c8" iconCls="icon-ok" data-cmd="save" style="width: 90px">保存</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="cancel"
			style="width: 90px">取消</a>
	</div>
</body>
</html>